<!DOCTYPE HTML>
<!--
	Urban by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>

<head>
	<title>Index</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<link rel="stylesheet" href="web/assets/css/main.css" />
	<!-- Scripts -->
	<script src="web/assets/js/jquery.min.js"></script>
	<script src="web/assets/js/jquery.scrolly.min.js"></script>
	<script src="web/assets/js/jquery.scrollex.min.js"></script>
	<script src="web/assets/js/skel.min.js"></script>
	<script src="web/assets/js/util.js"></script>
	<script src="web/assets/js/main.js"></script>
</head>

<body>
<div id="p0">
	<!-- Header -->
	<header id="header">
		<div class="logo"><a href="index.html">逆转裁判 <span>by DanmoSAMA</span></a></div>
		<a href="#menu">Menu</a>
	</header>

	<!-- Nav -->
	<nav id="menu">
		<ul class="links">
			<li><a href="web/游戏介绍.html">游戏介绍</a></li>
			<li><a href="web/人物简介.html">人物简介</a></li>
			<li><a href="web/衍生作品.html">衍生作品</a></li>
			<li><a href="web/音乐鉴赏.html">音乐鉴赏</a></li>
			<li><a href="web/逆转之父.html">逆转之父</a></li>
			<li><a href="http://hyh-422.gitee.io/web">返回至寝室主页</a></li>
		</ul>
	</nav>

	<style>
		.line-height {
			line-height: 10px;
		}
		.yiyi{
			width:50%;
		}
	</style>
	<!-- Banner -->
	<section id="banner">
		<div class="inner">
			<header>
				<img class="yiyi" src="images/yiyi.png" alt="">
				<h1>Welcome To Ace Attorney</h1>
				<p class="line-height">Let's explore this amazing world!</p>
			</header>
			<a href="#p1" class="button big scrolly">Go !</a>
		</div>
	</section>
</div>
	<!-- Main -->
	<div id="p1">

		<!-- Section -->
		<section class="wrapper style1">
			<div class="inner">
				<!-- 2 Columns -->
				<div class="flex flex-2">
					<div class="col col1">
						<div class="image round fit">
							<a href="web/游戏介绍.html" class="link"><img src="images/pic01.png" alt="" /></a>
						</div>
					</div>
					<div class="col col2">
						<h3>游戏介绍</h3>
						<p>逆转裁判系列（日版名：逆転裁判，英文版名：Ace
							Attorney）是卡普空制作的法庭战斗冒险游戏，游戏中玩家扮演辩护律师，通过侦查收集证据，
							然后在假想规则的日本法庭上质疑检察官和证人的证词来为嫌疑人获得“无罪”的判决作为胜利目的。
						</p>
						<p>《逆转裁判》游戏系列自2001年游戏在GBA平台上市以来，其新颖的游戏方式和游戏带来的紧张刺激的投入感得到许多游戏玩家的好评，其后续作品分别登陆NDS、3DS和Switch平台，并被移植到Steam和智能手机平台。
							制作名称大多称作“逆转”。游戏1-3代为成步堂龙一篇，4代为王泥喜法介篇，5~6代由成步堂龙一，王泥喜法介和希月心音共同担任主角。</p>
						<a href="#p2" class="button big scrolly">Learn More</a>
					</div>
				</div>
			</div>
		</section>
	</div>
	<div id="p2">
		<!-- Section -->
		<section class="wrapper style2">
			<div class="inner">
				<div class="flex flex-2">
					<div class="col col2">
						<h3>人物简介</h3>
						<p>逆转裁判以人物塑造见长——逆转之父巧舟擅长在一个个小情境和日常中，鲜活地表现出角色们的性格特征。
							他们总是令人记忆深刻，在脑海中挥之不去。</p>
						
						<p>现在就来了解一下吧！</p>
						<a href="#p3" class="button big scrolly">Learn More</a>
					</div>
					<div class="col col1 first">
						<div class="image round fit">
							<a href="web/人物简介.html" class="link"><img src="images/pic02.jpg" alt="" /></a>
						</div>
					</div>
				</div>
			</div>
		</section>
	</div>
	<div id="p3">
		<!-- Section -->
		<section class="wrapper style1">
			<div class="inner">
				<header class="align-center">
					<h2>Other Introduction</h2>
					<p>来させる，吃我一发逆转安利！</p>
				</header>
				<div class="flex flex-3">
					<div class="col align-center">
						<div class="image round fit">
							<a href="web/衍生作品.html"><img src="images/pic03.jpg" alt="" /></a>
						</div>
						<p><a href="web/衍生作品.html">衍生作品</a></p>
						<a href="#p0" class="button big scrolly">Come Back</a>
					</div>
					<div class="col align-center">
						<div class="image round fit">
							<a href="web/音乐鉴赏.html"><img src="images/pic05.jpg" alt="" /></a>
						</div>
						<p><a href="web/音乐鉴赏.html">音乐鉴赏</a></p>
						<a href="#p0" class="button big scrolly">Come Back</a>
					</div>
					<div class="col align-center">
						<div class="image round fit">
							<a href="web/逆转之父.html"><img src="images/pic04.jpg" alt="" /></a>
						</div>
						<p><a href="web/逆转之父.html">关于逆转之父——巧舟</a> </p>
						<a href="#p0" class="button big scrolly">Come Back</a>
					</div>
				</div>
			</div>
		</section>
	</div>

	<!-- Footer -->
	<footer id="footer">
		<div class="copyright">
			<ul class="icons">
			</ul>
			<p>&copy; Untitled. All rights reserved. Design: <a href="https://space.bilibili.com/15558712">DanmoSAMA</a>. Images: <a
					href="https://tieba.baidu.com/f?kw=%E9%80%86%E8%BD%AC%E8%A3%81%E5%88%A4&ie=utf-8&tp=0">From The Internet</a>.</p>
		</div>
	</footer>



</body>

</html>